<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./template/public.css">
    <link rel="stylesheet" href="./template/style.css">
    <link rel="stylesheet" href="./css/style.css">

</head>

<body>


    <div id="all">
        <div id="this_col" class="this_col">
            <header class="head page_head">
                <!-- 页眉 -->
                <div class="page-title">
                    <div class="this_in">
                       
                        <div class="right">

                            <div class="this_icon">
                                <a href="#0" target="_blank">
                                    <div class="img_b"><img src="img/link1.png" alt=""></div>
                                </a>

                                <a href="#0">
                                <div class="img_b "><img src="img/link2.png" alt=""></div>
                               </a>


                                <a href="#0" target="_blank">
                                    <div class="img_b"><img src="img/link3.png" alt=""></div>
                                </a>


                                <a href="#0" target="_blank">
                                    <div class="img_b"><img src="img/link4.png" alt=""></div>
                                </a>
                            </div>

                            <div class="searchWrapper">

                                <div class="change-language ensemble">
                                    <div class="change-language-title medium-title">
                                        <div class="language-flag language-flag-en"><a title="English" href="javascript:;"> <b
                                                    class="country-flag"></b> <span>English</span> </a> </div>
                                    </div>
                                    <div class="change-language-cont sub-content"></div>
                                </div>

                                <!-- <div class="this_language">
                                   <select name="" id="">
                                    <option value="">english</option>
                                    <option value="">中文（简体）</option>
                                    <option value="">english</option>
                                   </select>
                                </div> -->


                                <div id="btn-search" class="btn--search search">
                                    <img src="./img/search.png" alt="">
                                  
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
                <div class="this_web_head">
                    <div class="Wrapper">
                        <div class="logo">
                            <div class="img_b">
                                <img src="./img/logo.png" alt="">
                            </div>
                        </div>
                        <div class="web_nav">
                            <ul>
                                <li class="current-menu-item ">
                                    <a href="./index.html">Home</a>

                                </li>
                                <li class="menu-item-has-children ">
                                    <a href="./product-list.html">Proudcts </a>
                                    <!-- 2 -->
                                    <ul>
                                        <!-- --1 -->
                                        <li>
                                            <a href="./product.html">
                                                Boston Bottle
                                            </a>
                                            <ul>
                                                <li>
                                                    <a href="#0">Test</a>
                                                </li>
                                                <li>
                                                    <a href="#0">Test</a>
                                                </li>
                                                <li>
                                                    <a href="#0">Test</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <!-- --2 -->
                                        <li>
                                            <a href="#">

                                                Vase
                                            </a>
                                        </li>
                                        <!-- --3 -->
                                        <li>
                                            <a href="#">
                                                Cosmetics
                                            </a>
                                        </li>


                                    </ul>
                                </li>
                                <li>
                                    <a href="about.html">About Us</a>
                                   
                                </li>
                                <li>
                                    <a href="technology.html">Technology</a>
                                </li>
                                <li>
                                    <a href="show.html">On Line Show</a>
                                </li>
                                <li>
                                    <a href="news.html">Blog</a>
                                </li>
                                <li>
                                    <a href="contact.html">Contact Us</a>
                                </li>
                            </ul>

                            <a href="#0" class="this_button inquiry_btn">Instant Quote</a>

                        </div>

                    </div>

                </div>
            </header>

            <section class="indexPage this_public">
                <div class="bannerWrapper">
                    <div class="swiper">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="this_child">
                                    <div class="img_b">
                                        <img src="./img/MTmainSlider.jpg" alt="">
                                    </div>

                                    <div class="this_text">
                                        <div class="this_text_in">
                                            <h3>Industry Standard , Lorem Ipsum!</h3>
                                            <h5>Lorem Ipsum is simply dummy text of the printing and typesetting industry. LoremIpsumhasbeentheindustry'sstandarddummy</h5>
                                            <a href="javascript:;" class="this_button">
                                                <span>Get A Free Quote</span>
                                                <!-- <i class="iconfont-icon icon-youshangjiantou"></i> -->
                                            </a>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div class="swiper-slide">
                                <div class="this_child">
                                    <div class="img_b">
                                        <img src="./img/MTmainSlider.jpg" alt="">
                                    </div>

                                    <div class="this_text">
                                        <div class="this_text_in">
                                            <h3>Dummy Text Printing22222</h3>
                                            <h5>Lorem Ipsum is simply dummy text of the printing and typesetting industry. LoremIpsumhasbeentheindustry'sstandarddummy</h5>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div class="swiper-slide">
                                <div class="this_child">
                                    <div class="img_b">
                                        <img src="./img/MTmainSlider.jpg" alt="">
                                    </div>

                                    <div class="this_text">
                                        <div class="this_text_in">
                                            <h3>Dummy Text Printing3333</h3>
                                            <h5>Lorem Ipsum is simply dummy text of the printing and typesetting industry. LoremIpsumhasbeentheindustry'sstandarddummy</h5>
                                        </div>
                                    </div>
                                </div>

                            </div>


                        </div>
                        <div class="swiper-button-prev"></div>
                        <div class="swiper-button-next"></div>
                    </div>
                </div>
                <div class="Wrapper01">
                    <div class="index_layout">
                        <div class="left"> 
                            <div class="imgWrapper">
                            <img src="./img/index/870x670.jpg" alt="">
                        </div>
                           
                        </div>
                        <div class="right">
                            <span class="head_title">Pulvinar</span>
                            <h3 class="about_title index_title">Morbi iaculis at  <span>quam</span>  vel faucibus</h3>
                            <div class="about_desc">
                                <p>Morbi iaculis at quam vel faucibus. Ut semper ipsum ex, quis aliquet justo pretium a. Suspendisse scelerisque metus augue, a interdum leo iaculis sed. Vivamus sit amet nunc odio. Duis vel pulvinar dolor, at lacinia tellus.</p>
                                <p>Morbi iaculis at quam vel faucibus. Ut semper ipsum ex, quis aliquet justo pretium a.</p>
                            </div>
                            <a href="javascript:;" class="this_button">
                                <span>Send Your Inquiry</span>
                                <i class="iconfont-icon icon-youshangjiantou"></i>
                            </a>
                        </div>
                    </div>
                   
                </div>
               <div class="Wrapper02">
                <div class="index_layout">
                    <div class="titleWrap">
                        <span class="head_title">Morbi iaculis</span>
                        <div class="index_title">
                            Lorem ipsum dolor
                        </div>
                        <div class="index_desc">
                            Suspendisse scelerisque metus augue, a interdum leo iaculis sed. Vivamus sit amet nunc odio. Duis vel pulvinar dolor, at lacinia tellus.
                        </div>
                    </div>
                    <ul>
                        <li >
                            <div class="imgWrap">
                                 <img src="./img/index/01.jpg" alt="">
                            </div>
                           <div class="infoWrap">
                            <div class="info">
                                <div class="name">
                                    Lorem ipsum dolor
                                </div>
                                <div class="desc">
                                    Suspendisse scelerisque metus augue, a interdum leo iaculis sed. Vivamus sit amet nunc odio. Duis vel pulvinar dolor, at lacinia tellus.
                                </div>
                            </div>
                                
                           </div>
                        </li>
                        <li>
                            <div class="imgWrap">
                                 <img src="./img/index/01.jpg" alt="">
                            </div>
                            <div class="infoWrap">
                                <div class="info">
                                    <div class="name">
                                        Lorem ipsum dolor
                                    </div>
                                    <div class="desc">
                                        Suspendisse scelerisque metus augue, a interdum leo iaculis sed. Vivamus sit amet nunc odio. Duis vel pulvinar dolor, at lacinia tellus.
                                    </div>
                                </div>
                                    
                               </div>
                        </li>
                        <li>
                            <div class="imgWrap">
                                 <img src="./img/index/01.jpg" alt="">
                            </div>
                            <div class="infoWrap">
                                <div class="info">
                                    <div class="name">
                                        Lorem ipsum dolor
                                    </div>
                                    <div class="desc">
                                        Suspendisse scelerisque metus augue, a interdum leo iaculis sed. Vivamus sit amet nunc odio. Duis vel pulvinar dolor, at lacinia tellus.
                                    </div>
                                </div>
                                    
                               </div>
                        </li>
                        <li >
                            <div class="imgWrap">
                                 <img src="./img/index/01.jpg" alt="">
                            </div>
                            <div class="infoWrap">
                                <div class="info">
                                    <div class="name">
                                        Lorem ipsum dolor
                                    </div>
                                    <div class="desc">
                                        Suspendisse scelerisque metus augue, a interdum leo iaculis sed. Vivamus sit amet nunc odio. Duis vel pulvinar dolor, at lacinia tellus.
                                    </div>
                                </div>
                                    
                            </div>
                        </li>
                        <li >
                            <div class="imgWrap">
                                 <img src="./img/index/01.jpg" alt="">
                            </div>
                            <div class="infoWrap">
                                <div class="info">
                                    <div class="name">
                                        Lorem ipsum dolor
                                    </div>
                                    <div class="desc">
                                        Suspendisse scelerisque metus augue, a interdum leo iaculis sed. Vivamus sit amet nunc odio. Duis vel pulvinar dolor, at lacinia tellus.
                                    </div>
                                </div>
                                    
                               </div>
                        </li>
                    </ul>
                    
                </div>
               </div>
                <div class="Wrapper03">
                    <div class="index_layout">
                        <div class="titleWrap">
                            <div class="index_title">
                                Lorem ipsum dolor sit
                            </div>
                            <div class="index_desc">
                                Suspendisse scelerisque metus augue, a interdum leo iaculis sed. Vivamus sit amet nunc odio. Duis vel pulvinar dolor, at lacinia tellus.
                            </div>
                        </div>
                        <ul class="list">
                            <li>
                                <div class="icon">
                                    <img src="./img/index/100x100.png" alt="">
                                </div>
                                <div class="info">
                                    <h3>Aliquet Justo</h3>
                                    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames</p>
                                </div>
                            </li>
                            <li>
                                <div class="icon">
                                    <img src="./img/index/100x100.png" alt="">
                                </div>
                                <div class="info">
                                    <h3>Aliquet Justo</h3>
                                    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames</p>
                                </div>
                            </li>
                            <li>
                                <div class="icon">
                                    <img src="./img/index/100x100.png" alt="">
                                </div>
                                <div class="info">
                                    <h3>Aliquet Justo</h3>
                                    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames</p>
                                </div>
                            </li>
                            <li>
                                <div class="icon">
                                    <img src="./img/index/100x100.png" alt="">
                                </div>
                                <div class="info">
                                    <h3>Aliquet Justo</h3>
                                    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames</p>
                                </div>
                            </li>
                        </ul>

                    </div>
                </div>
                <div class="Wrapper04">
                    <div class="index_layout">
                        <div class="titleWrap">
                            <div class="head_title">
                                products
                            </div>
                            <div class="index_title">
                                Aliquet Justo Pretium
                            </div>
                            <div class="index_desc">
                                Suspendisse scelerisque metus augue, a interdum leo iaculis sed. Vivamus sit amet nunc odio. Duis vel pulvinar dolor, at lacinia tellus.
                            </div>
                        </div>
                        <ul class="list">
                            <li>
                                <a href="javascropt:;">
                                    <div class="imgWrap">
                                        <img src="./img/index/355x355.jpg" alt="">
                                    </div>
                                    <div class="info">
                                        <h3 class="title">
                                            Pellentesque habitant
                                        </h3>
                                        <div class="desc">
                                            Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascropt:;">
                                    <div class="imgWrap">
                                        <img src="./img/index/355x355.jpg" alt="">
                                    </div>
                                    <div class="info">
                                        <h3 class="title">
                                            Pellentesque habitant
                                        </h3>
                                        <div class="desc">
                                            Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascropt:;">
                                    <div class="imgWrap">
                                        <img src="./img/index/355x355.jpg" alt="">
                                    </div>
                                    <div class="info">
                                        <h3 class="title">
                                            Pellentesque habitant
                                        </h3>
                                        <div class="desc">
                                            Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascropt:;">
                                    <div class="imgWrap">
                                        <img src="./img/index/355x355.jpg" alt="">
                                    </div>
                                    <div class="info">
                                        <h3 class="title">
                                            Pellentesque habitant
                                        </h3>
                                        <div class="desc">
                                            Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascropt:;">
                                    <div class="imgWrap">
                                        <img src="./img/index/355x355.jpg" alt="">
                                    </div>
                                    <div class="info">
                                        <h3 class="title">
                                            Pellentesque habitant
                                        </h3>
                                        <div class="desc">
                                            Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascropt:;">
                                    <div class="imgWrap">
                                        <img src="./img/index/355x355.jpg" alt="">
                                    </div>
                                    <div class="info">
                                        <h3 class="title">
                                            Pellentesque habitant
                                        </h3>
                                        <div class="desc">
                                            Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascropt:;">
                                    <div class="imgWrap">
                                        <img src="./img/index/355x355.jpg" alt="">
                                    </div>
                                    <div class="info">
                                        <h3 class="title">
                                            Pellentesque habitant
                                        </h3>
                                        <div class="desc">
                                            Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascropt:;">
                                    <div class="imgWrap">
                                        <img src="./img/index/355x355.jpg" alt="">
                                    </div>
                                    <div class="info">
                                        <h3 class="title">
                                            Pellentesque habitant
                                        </h3>
                                        <div class="desc">
                                            Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis
                                        </div>
                                    </div>
                                </a>
                            </li>
                        </ul>
                        <div class="appWrap">
                            <div class="search_app">
                                <div class="title">
                                    More Applications
                                </div>
                                <div class="search">
                                    <input type="text" placeholder="Search...">
                                    <input type="submit" value="" class="sub">
                                </div>
                            </div>
                            <ul class="app_list">
                                <li>
                                    <a href="javascript:;">
                                         Morbi iaculis
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                       Quam vel
                                   </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                      Habitant morbi
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                        Tristique senectus
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                        Malesuada fames
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                        Turpis egestas
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                        Suspendisse lacinia
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                        Lacinia quam
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                        Turpis egestas
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="Wrapper05">
                    <div class="index_layout">
                        <div class="left_info">
                            <div class="icon">
                                <img src="./img/index/75px.jpg" alt="">
                            </div>
                            <div class="content">
                                <span>Manufacturing</span>
                                <h2>Morbi at Quamfaucibus</h2>
                                <div class="info">
                                    <b>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas suspendisse lacinia quam.</b>
                                    <p>Morbi iaculis at quam vel faucibus. Ut semper ipsum ex, quis aliquet justo pretium a. Suspendisse scelerisque metus augue, a interdum leo iaculis sed. Vivamus sit amet nunc odio. Duis vel pulvinar dolor, at lacinia tellus.</p>
                                </div>
                                
                         </div>
                         <a href="javascript:;" class="this_button">
                            <span>Contact Our Team Now</span>
                            <i class="iconfont-icon icon-youshangjiantou"></i>
                        </a>
                            
                        </div>
                        <div class="right_img">
                            <div class="imgWrap">
                                <img src="./img/index/550x700.jpg" alt="">
                            </div>
                            <div class="info">
                                Morbi iaculis at quam vel faucibus. Ut semper ipsum ex, quis aliquet justo pretium a. Suspendisse scelerisque metus augue, a interdum leo iaculis sed. Vivamus sit amet nunc odio.
                            </div>
                        </div>

                    </div>
                </div>
                <div class="Wrapper06">
                    <div class="index_layout">
                        <div class="left_img">
                            <div class="imgWrap">
                                <img src="./img/index/870x670.jpg" alt="">
                            </div>
                        </div>
                        <div class="right_info">
                            <div class="titleWrap">
                                <div class="head_title">
                                    quality
                                </div>
                                <div class="index_title">
                                    Habitant Tristique Senectus Malesuada
                                </div>
                                <div class="index_desc">
                                    Morbi iaculis at quam vel faucibus Ut semper ipsum ex, quis aliquet justo pretium a. Suspendisse scelerisque metus augue, a interdum leo iaculis sed. Vivamus sit amet nunc odio. Duis vel pulvinar dolor, at lacinia tellus. Morbi iaculis at quam vel faucibus.
                                </div>
                            </div>
                            <a href="javascript:;" class="this_button">
                                <span>Send Your Inquiry</span>
                                <i class="iconfont-icon icon-youshangjiantou"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="Wrapper07 faqWrap">
                    <div class="index_layout">
                        <div class="left">
                            <div class="titleWrap">
                                <div class="index_title">
                                    Frequently  <br>Asked Questions
                                </div>
                            </div>
                            <a href="javascript:;" class="this_button">
                                <span>Send Your Inquiry</span>
                                <i class="iconfont-icon icon-youshangjiantou"></i>
                            </a>
                        </div>
                        <div class="right">
                            <div class="faq" id="faq">
                                <ul>
                                    <li>
                                        <div class="question">
                                            <p>Pellentesque habitant morbi tristique</p>
                                            <b></b>
                                        </div>
                                        <div class="answer">
                                            <p>Morbi iaculis at quam vel faucibus. Ut semper ipsum ex, quis aliquet justo pretium a. Suspendisse scelerisque metus augue, a interdum leo iaculis sed. Vivamus sit amet nunc odio. Duis vel pulvinar dolor, at lacinia tellus.</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="question">
                                            <p>Pellentesque habitant morbi tristique</p>
                                            <b></b>
                                        </div>
                                        <div class="answer">
                                            <p>Morbi iaculis at quam vel faucibus. Ut semper ipsum ex, quis aliquet justo pretium a. Suspendisse scelerisque metus augue, a interdum leo iaculis sed. Vivamus sit amet nunc odio. Duis vel pulvinar dolor, at lacinia tellus.</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="question">
                                            <p>Pellentesque habitant morbi tristique</p>
                                            <b></b>
                                        </div>
                                        <div class="answer">
                                            <p>Morbi iaculis at quam vel faucibus. Ut semper ipsum ex, quis aliquet justo pretium a. Suspendisse scelerisque metus augue, a interdum leo iaculis sed. Vivamus sit amet nunc odio. Duis vel pulvinar dolor, at lacinia tellus.</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="question">
                                            <p>Pellentesque habitant morbi tristique</p>
                                            <b></b>
                                        </div>
                                        <div class="answer">
                                            <p>Morbi iaculis at quam vel faucibus. Ut semper ipsum ex, quis aliquet justo pretium a. Suspendisse scelerisque metus augue, a interdum leo iaculis sed. Vivamus sit amet nunc odio. Duis vel pulvinar dolor, at lacinia tellus.</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="question">
                                            <p>Pellentesque habitant morbi tristique</p>
                                            <b></b>
                                        </div>
                                        <div class="answer">
                                            <p>Morbi iaculis at quam vel faucibus. Ut semper ipsum ex, quis aliquet justo pretium a. Suspendisse scelerisque metus augue, a interdum leo iaculis sed. Vivamus sit amet nunc odio. Duis vel pulvinar dolor, at lacinia tellus.</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="Wrapper08">
                    <div class="index_layout">
                        <div class="titleWrap">
                            <div class="head_title">
                                Feedback
                            </div>
                            <div class="index_title">
                                The Real Feedback From Our Client
                            </div>
                        </div>
                       <ul>
                            <li>
                                <div class="desc">
                                    Morbi iaculis at quam vel faucibus Ut semper ipsum ex, quis aliquet justo pretium a. Suspendisse scelerisque metus augue, a interdum leo iaculis sed. Vivamus sit amet nunc odio.
                                </div>
                                <div class="infoWrap">
                                    <div class="imgWrap">
                                        <img src="./img/index/100x100.png" alt="">
                                    </div>
                                    <div class="info">
                                        <div class="name">George Miller</div>
                                        <p>leo iaculis</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="desc">
                                    Morbi iaculis at quam vel faucibus Ut semper ipsum ex, quis aliquet justo pretium a. Suspendisse scelerisque metus augue, a interdum leo iaculis sed. Vivamus sit amet nunc odio.
                                </div>
                                <div class="infoWrap">
                                    <div class="imgWrap">
                                        <img src="./img/index/100x100.png" alt="">
                                    </div>
                                    <div class="info">
                                        <div class="name">George Miller</div>
                                        <p>leo iaculis</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="desc">
                                    Morbi iaculis at quam vel faucibus Ut semper ipsum ex, quis aliquet justo pretium a. Suspendisse scelerisque metus augue, a interdum leo iaculis sed. Vivamus sit amet nunc odio.
                                </div>
                                <div class="infoWrap">
                                    <div class="imgWrap">
                                        <img src="./img/index/100x100.png" alt="">
                                    </div>
                                    <div class="info">
                                        <div class="name">George Miller</div>
                                        <p>leo iaculis</p>
                                    </div>
                                </div>
                            </li>
                       </ul>
                    </div>
                   
                </div>
                <div class="Wrapper09">
                    <div class="index_layout">
                        <div class="left">
                            <h2>Request An Instant Quote</h2>
                            <p>
                                <b>Morbi iaculis at quam vel faucibus Ut semper ipsum ex, quis aliquet justo pretium</b>
                            </p>
                            <p>Morbi iaculis at quam vel faucibus semper ipsum ex, quis aliquet justo pretium a. Suspendisse scelerisque metus augue, a interdum leo iaculis sed. Vivamus sit amet nunc odio. Duis vel pulvinar dolor, at lacinia tellus.Morbi iaculis at quam vel faucibus semper ipsum ex, quis aliquet justo pretium a. Suspendisse scelerisque metus augue, a interdum leo iaculis sed. Vivamus sit amet nunc odio.</p>
                        </div>
                        <div class="right">
                            <div class="form">
                                <div action="" id="form">
                                    <div class="list">
                                      <p><span>*</span> Name</p>
                                      <input type="text" placeholder="Your Name*">
                                    </div>
                                    <div class="list">
                                      <p><span>*</span> Email</p>
                                      <input type="text" placeholder="Your Email*">
                                    </div>
                                    <div class="list">
                                      <p> Phone/WhatsAPP/WeChat</p>
                                      <input type="text" placeholder="phone">
                                    </div>
                                    <div class="list">
                                      <p><span>*</span> What I have to say</p>
                                      <textarea name="" placeholder="Your Message*"></textarea>
                                    </div>
                                    <input type="submit" value="Submit Now" id="submit" class="sub">
                                </div>
                          </div>
                        </div>
                    </div>
                </div>

                <div class="customerWrap">
                    <div class="index_layout">
                        <div class="customerswiper">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="imgWrap">
                                        <img src="./img/index/170x50.jpg" alt="">
                                    </div>
                                   
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgWrap">
                                        <img src="./img/index/170x50.jpg" alt="">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgWrap">
                                        <img src="./img/index/170x50.jpg" alt="">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgWrap">
                                        <img src="./img/index/170x50.jpg" alt="">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgWrap">
                                        <img src="./img/index/170x50.jpg" alt="">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgWrap">
                                        <img src="./img/index/170x50.jpg" alt="">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgWrap">
                                        <img src="./img/index/170x50.jpg" alt="">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgWrap">
                                        <img src="./img/index/170x50.jpg" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <section class="foot_inquiry">
                <div class="left">
                    <div class="title">Subscribe For Interisting Info</div>
                    <div class="desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus,luctus nec ullamcorper mattis,pulvinar dapibus leo.</div>
                </div>
                <div class="right">
                    <div class="inputWrap">
                        <input type="text" placeholder="Email" >
                        <input type="submit" value="Subscribe" class="f-sub">
                    </div>
                </div>
            </section>
            <!-- 底部 -->
            <footer>
                <div class="this_web_footer">
                    <div class="top">
                        <div class="this_in">
                            <div class="this_intro">
                                <div class="logoWrap">
                                    <img src="./img/logo.png" alt="">
                                </div>
                                <p>Neque porro quisquam est qui dolore ipsum quia dolor sit amet, consectetur, adipisci
                                    velit. mattis enim vel ullamco bper suscipi ecenas purlectus.</p>
                            </div>
                            <div class="this_child contact_child">
                                <h3>CONTACT</h3>
                                <h5>Contact Us For Any Question!</h5>
                                <div class="this_text">
                                    <div class="info">
                                        <div class="iconWrap">
                                            <img src="./img/f-add.png" alt="">
                                        </div>
                                        <p>Address:<span>No.70 loram ispxiuo xyz roade, Chinal kaweov vheo China</span></p>
                                    </div>
                                    <div class="info">
                                        <div class="iconWrap">
                                            <img src="./img/f-email.png" alt="">
                                        </div>
                                        <p>Email: <span>test@leizi.xyz</span></p>
                                    </div>
                                    <div class="info">
                                        <div class="iconWrap">
                                            <img src="./img/f-tel.png" alt="">
                                        </div>
                                        <p>Phone:<span> +86-1231231234</span></p>
                                    </div>
                                    
                                   

                                </div>
                            </div>
                            <div class="this_child">
                                <h3>Quick Links</h3>
                                <ul>
                                    <li>
                                        <a href="#0">Home</a>
                                    </li>
                                    <li>
                                        <a href="#0">About us</a>
                                    </li>
                                    <li>
                                        <a href="#0">Contact</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="this_child">
                                <h3>Useful Links</h3>
                                <ul>
                                    <li>
                                        <a href="#0">Technology</a>
                                    </li>
                                    <li>
                                        <a href="#0">On Line Show</a>
                                    </li>
                                    <li>
                                        <a href="#0">Blog</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="copy">
                        <div class="this_in">
                            <div class="left">
                                <p>Copyright © 2024 | All Rights Reserved.</p>
                            </div>
                            <div class="right">
                                <ul>
                                    <li>
                                        <a href="#0" target="_blank">
                                            <img src="./img/index/fb.png" alt="">
                                        </a>
                                    </li>

                                    <li>
                                        <a href="#0" target="_blank">
                                            <img src="./img/index/yt.png" alt="">
                                        </a>
                                    </li>

                                    <li>
                                        <a href="#0" target="_blank">
                                            <img src="./img/index/ln.png" alt="">
                                        </a>
                                    </li>


                                    <li>
                                        <a href="#0" target="_blank">
                                            <img src="./img/index/tw.png" alt="">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#0" target="_blank">
                                            <img src="./img/index/tt.png" alt="">
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 手机底部 -->
                <div class="sj-footer">
                    <ul>
                        <li>
                            <a href="./index.html">
                                <i class="iconfont icon-shouye1"></i>
                                <p>Index</p>
                            </a>

                        </li>
                        <li>
                            <a href="./product-list.html">
                                <i class="iconfont icon-wodechanpin"></i>
                                <p>Proudcts</p>
                            </a>


                        </li>
                        <li id="f-logo">
                            <div class="imgWarp">
                                <img src="./img/sj_logo.png" alt="">
                            </div>
                        </li>
                        <li>
                            <a href="./about.html">
                                <i class="iconfont icon-guanyuwomen"></i>
                                <p>About</p>
                            </a>

                        </li>
                        <li>
                            <a href="./contact.html">
                                <i class="iconfont icon-lianxi"></i>
                                <p>Contact</p>
                            </a>

                        </li>
                    </ul>
                </div>
            </footer>

        </div>
        
    </div>


    <div class="sidebarWrapper2">
        <div class="this_in">
            <ul>
                <li class="email">
                    <a href="mailto:test@test.com">
                        <span>test@test.com</span>
                    </a>
                </li>


                <li class="mobile">
                    <a href="tel:+12-123-1234567">
                        <span>12 9981123</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>

    <div class="inquiry-pop-bd">
        <div class="inquiry-pop"><i class="ico-close-pop" onclick="hideMsgPop();"></i>
            <h3 class="form_title">Leave Your Message</h3>
            <!-- <?php echo do_shortcode('[contact-form-7 id="19" title="ceshi"]')?> -->
        </div>
    </div>

    <div class="web-search"> <b id="btn-search-close" class="btn--search-close"></b>
        <div style=" width:100%">
            <div class="head-search">
                <form class="" action="">
                    <input class="search-ipt" name="s" placeholder="Start Typing..." />
                    <input class="search-btn" type="button" />
                    <span class="search-attr">Hit enter to search or ESC to close</span>
                </form>
            </div>
        </div>
    </div>

</body>
<script src="template/js/jquery.min.js"></script>
<script src="./js/style.js"></script>
<ul class="prisna-wp-translate-seo" id="prisna-translator-seo">
    <li class="language-flag language-flag-en"> <a title="English" href="javascript:;"> <b class="country-flag"></b>
            <span>English</span> </a> </li>
    <li class="language-flag language-flag-fr"> <a title="Français" href="javascript:;"> <b
                class="country-flag"></b> <span>Françai</span> </a> </li>
    <li class="language-flag language-flag-es"> <a title="Español" href="javascript:;"> <b class="country-flag"></b>
            <span>Español</span> </a> </li>
    <li class="language-flag language-flag-de"> <a title="Deutsch" href="javascript:;"> <b class="country-flag"></b>
            <span>Deutsch</span> </a> </li>
    <li class="language-flag language-flag-ro"> <a title="Română" href="javascript:;"> <b class="country-flag"></b>
            <span>Română</span> </a> </li>
    <li class="language-flag language-flag-ar"> <a title="العربية" href="javascript:;"> <b class="country-flag"></b>
            <span>العربية</span> </a> </li>
    <li class="language-flag language-flag-ko"> <a title="한국어" href="javascript:;"> <b class="country-flag"></b>
            <span>한국어</span> </a> </li>
    <li class="language-flag language-flag-ja"> <a title="日本語" href="javascript:;"> <b class="country-flag"></b>
            <span>日本語</span> </a> </li>
    <li class="language-flag language-flag-it"> <a title="Italiano" href="javascript:;"> <b
                class="country-flag"></b> <span>Italiano</span> </a> </li>
    <li class="language-flag language-flag-pt"> <a title="Português" href="javascript:;"> <b
                class="country-flag"></b> <span>Português</span> </a> </li>
    <li class="language-flag language-flag-ga"> <a title="Gaeilge" href="javascript:;"> <b class="country-flag"></b>
            <span>Gaeilge</span> </a> </li>
    <li class="language-flag language-flag-da"> <a title="Dansk" href="javascript:;"><b class="country-flag"></b>
            <span>Dansk</span> </a> </li>
    <li class="language-flag language-flag-cs"> <a title="Čeština" href="javascript:;"> <b class="country-flag"></b>
            <span>Čeština</span> </a> </li>
    <li class="language-flag language-flag-ru"> <a title="Русский" href="javascript:;"> <b class="country-flag"></b>
            <span>Русский</span> </a> </li>
    <li class="language-flag language-flag-af"> <a title="Afrikaans" href="javascript:;"> <b
                class="country-flag"></b> <span>Afrikaans</span> </a> </li>
    <li class="language-flag language-flag-eu"> <a title="Euskara" href="javascript:;"> <b class="country-flag"></b>
            <span>Euskara</span> </a> </li>
    <li class="language-flag language-flag-ca"> <a title="Català" href="javascript:;"> <b class="country-flag"></b>
            <span>Català</span> </a> </li>
    <li class="language-flag language-flag-eo"> <a title="Esperanto" href="javascript:;"> <b
                class="country-flag"></b> <span>Esperanto</span> </a> </li>
    <li class="language-flag language-flag-hi"> <a title="हिन्दी" href="javascript:;"> <b class="country-flag"></b>
            <span>हिन्दी</span> </a> </li>
    <li class="language-flag language-flag-el"> <a title="Ελληνικά" href="javascript:;"> <b
                class="country-flag"></b> <span>Ελληνικά</span> </a> </li>
    <li class="language-flag language-flag-ms"> <a title="Bahasa Melayu" href="javascript:;"> <b
                class="country-flag"></b> <span>Bahasa Melayu</span> </a> </li>
    <li class="language-flag language-flag-pl"> <a title="Polski" href="javascript:;"> <b class="country-flag"></b>
            <span>Polski</span> </a> </li>
    <li class="language-flag language-flag-sr"> <a title="Српски" href="javascript:;"> <b class="country-flag"></b>
            <span>Српски</span> </a> </li>
    <li class="language-flag language-flag-sw"> <a title="Kiswahili" href="javascript:;"> <b
                class="country-flag"></b> <span>Kiswahili</span> </a> </li>
    <li class="language-flag language-flag-th"> <a title="ภาษาไทย" href="javascript:;"> <b class="country-flag"></b>
            <span>ภาษาไทย</span> </a> </li>
    <li class="language-flag language-flag-vi"> <a title="Tiếng Việt" href="javascript:;"> <b
                class="country-flag"></b> <span>Tiếng Việt</span> </a> </li>
    <li class="language-flag language-flag-tr"> <a title="Türkçe" href="javascript:;"> <b class="country-flag"></b>
            <span>Türkçe</span> </a> </li>
    <li class="language-flag language-flag-sv"> <a title="Svenska" href="javascript:;"> <b class="country-flag"></b>
            <span>Svenska</span> </a> </li>
    <li class="language-flag language-flag-cy"> <a href="javascript:;"> <b class="country-flag"></b>
            <span>Cymraeg</span> </a> </li>
    <li class="language-flag language-flag-sk"> <a title="Slovenčina" href="javascript:;"> <b
                class="country-flag"></b> <span>Slovenčina</span> </a> </li>
    <li class="language-flag language-flag-lv"> <a title="Latviešu" href="javascript:;"> <b
                class="country-flag"></b> <span>Latviešu</span> </a> </li>
    <li class="language-flag language-flag-mt"> <a title="Malti" href="javascript:;"> <b class="country-flag"></b>
            <span>Malti</span> </a> </li>
    <li class="language-flag language-flag-hu"> <a title="Magyar" href="javascript:;"> <b class="country-flag"></b>
            <span>Magyar</span> </a> </li>
    <li class="language-flag language-flag-gl"> <a title="Galego" href="javascript:;"> <b class="country-flag"></b>
            <span>Galego</span> </a> </li>
    <li class="language-flag language-flag-gu"> <a title="ગુજરાતી" href="javascript:;"> <b class="country-flag"></b>
            <span>ગુજરાતી</span> </a> </li>
    <li class="language-flag language-flag-et"> <a title="Eesti Keel" href="javascript:;"> <b
                class="country-flag"></b> <span>Eesti Keel</span> </a> </li>
    <li class="language-flag language-flag-bn"> <a title="বাংলা" href="javascript:;"> <b class="country-flag"></b>
            <span>বাংলা</span> </a> </li>
    <li class="language-flag language-flag-sq"> <a title="Shqip" href="javascript:;"> <b class="country-flag"></b>
            <span>Shqip</span> </a> </li>
    <li class="language-flag language-flag-be"> <a title="беларуская мова" href="javascript:;"> <b
                class="country-flag"></b> <span>беларуская мова</span> </a> </li>
    <li class="language-flag language-flag-nl"> <a title="Nederlands" href="javascript:;"> <b
                class="country-flag"></b> <span>Nederlands</span> </a> </li>
    <li class="language-flag language-flag-tl"> <a title="Tagalog" href="javascript:;"> <b class="country-flag"></b>
            <span>Tagalog</span> </a> </li>
    <li class="language-flag language-flag-ka"> <a title="ქართული" href="javascript:;"> <b class="country-flag"></b>
            <span>ქართული</span> </a> </li>
    <li class="language-flag language-flag-is"> <a title="Íslenska" href="javascript:;"> <b
                class="country-flag"></b> <span>Íslenska</span> </a> </li>
    <li class="language-flag language-flag-ht"> <a title="Kreyòl Ayisyen" href="javascript:;"> <b
                class="country-flag"></b> <span>Kreyòl Ayisyen</span> </a> </li>
    <li class="language-flag language-flag-lt"> <a title="Lietuvių" href="javascript:;"> <b
                class="country-flag"></b> <span>Lietuvių</span> </a> </li>
    <li class="language-flag language-flag-no"> <a title="Norsk‎" href="javascript:;"> <b class="country-flag"></b>
            <span>Norsk‎</span> </a> </li>
    <li class="language-flag language-flag-sl"> <a title="slovenščina" href="javascript:;"> <b
                class="country-flag"></b> <span>slovenščina</span> </a> </li>
    <li class="language-flag language-flag-ta"> <a title="தமிழ்" href="javascript:;"> <b class="country-flag"></b>
            <span>தமிழ்</span> </a> </li>
    <li class="language-flag language-flag-uk"> <a title="Українська" href="javascript:;"> <b
                class="country-flag"></b> <span>Українська</span> </a> </li>
    <li class="language-flag language-flag-yi"> <a title="ײִדיש" href="javascript:;"> <b class="country-flag"></b>
            <span>ײִדיש</span> </a> </li>
    <li class="language-flag language-flag-ur"> <a title="اردو" href="javascript:;"> <b class="country-flag"></b>
            <span>اردو</span> </a> </li>
    <li class="language-flag language-flag-te"> <a title="తెలుగు" href="javascript:;"> <b class="country-flag"></b>
            <span>తెలుగు</span> </a> </li>
    <li class="language-flag language-flag-fa"> <a title="فارسی" href="javascript:;"> <b class="country-flag"></b>
            <span>فارسی</span> </a> </li>
    <li class="language-flag language-flag-mk"> <a title="македонски" href="javascript:;"> <b
                class="country-flag"></b> <span>македонски</span> </a> </li>
    <li class="language-flag language-flag-kn"> <a title="ಕನ್ನಡ" href="javascript:;"> <b class="country-flag"></b>
            <span>ಕನ್ನಡ</span> </a> </li>
    <li class="language-flag language-flag-id"> <a title="Bahasa Indonesia" href="javascript:;"> <b
                class="country-flag"></b> <span>Bahasa Indonesia</span> </a> </li>
    <li class="language-flag language-flag-iw"> <a title="עברית" href="javascript:;"> <b class="country-flag"></b>
            <span>עברית</span> </a> </li>
    <li class="language-flag language-flag-fi"> <a title="Suomi" href="javascript:;"> <b class="country-flag"></b>
            <span>Suomi</span> </a> </li>
    <li class="language-flag language-flag-hr"> <a title="Hrvatski" href="javascript:;"> <b
                class="country-flag"></b> <span>Hrvatski</span> </a> </li>
    <li class="language-flag language-flag-bg"> <a title="Български" href="javascript:;"> <b
                class="country-flag"></b> <span>Български</span> </a> </li>
    <li class="language-flag language-flag-az"> <a title="Azerbaijani" href="javascript:;"> <b
                class="country-flag"></b> <span>Azerbaijani</span> </a> </li>
</ul>

</html>